<template>
  <div>
    <!-- 创建/加入 -->
    <el-dialog top="20vh" :title="title" :visible.sync="dialogShow" width="600px" @close="close" :close-on-click-modal="false">
      <div class="reason_inner">
        <span class="reason">
          {{ remark }}
        </span>
      </div>
      <div slot="footer" class="dialog-footer">
        <el-button plain :size="optionButtonSize" @click="close">{{ $t('add.add203') }}</el-button>
        <el-button type="primary" :size="optionButtonSize" @click="close">{{
          $t('add.add81')
        }}</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'BLZMasterIndex',
  components: {},
  data() {
    return {
      dialogShow: false,
      remark: '', // 退出原因
      title: '',
    };
  },

  mounted() {},

  methods: {
    close() {
      this.dialogShow = false;
      this.remark = '';
    },
  },
};
</script>

<style lang="scss" scoped>
.reason {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 40px;
  color: #333333;
}
</style>
